<section>
    <div class="crumbs-mid {if isset($navData.background_color) && $navData.background_color == 1}teshu_se{/if}">
        <div class="crumbs-kuang w1600">
            <span class="crumbs-icon">
                <img src="/static/images/crumbsicon.png" alt="{$systemInfo.title}" />
            </span>
            <a class="" href="/"> Home </a>>
            {if !empty($navData['rewrite_url']) && !empty($navData['name'])}

                <!-- 父级导航（如果存在） -->
                {if !empty($parentNav) && !empty($parentNav['name']) && !empty($parentNav['rewrite_url'])}
                    <a {if $parentNav.is_open == 1}href="/{$parentNav.rewrite_url}.html"{/if} title="{$parentNav.name}">
                        {$parentNav.name}
                    </a>
                    >
                {/if}

                <!-- 当前导航名称 -->
                {if !empty($dataItem) || !empty($catInfo)}
                    <!-- 如果有详情或分类，导航名称不是最后一级 -->
                    <a href="/{$navData.rewrite_url}.html" title="{$navData.name}">
                      {$navData.name}
                    </a>
                {else/}
                    <!-- 如果没有详情和分类，导航名称是最后一级，添加active类 -->
                    <a class="active" href="/{$navData.rewrite_url}.html" title="{$navData.name}">
                      {$navData.name}
                    </a>
                {/if}
                
                <!-- 分类导航 -->
                {if !empty($catInfo) && !empty($catInfo['name'])}
                >
                    {if !empty($dataItem)}
                        <!-- 如果有详情，分类不是最后一级 -->
                        <a href="/{$catInfo.rewrite_url}.html" title="{$catInfo.name}">
                          {$catInfo.name}
                        </a>
                    {else/}
                        <!-- 如果没有详情，分类是最后一级，添加active类 -->
                        <a class="active" href="/{$catInfo.rewrite_url}.html" title="{$catInfo.name}">
                          {$catInfo.name}
                        </a>
                    {/if}
                {/if}
                
                <!-- 详情页面（产品或新闻） -->
                {if !empty($dataItem['name'])}
                >
                <!-- 产品详情始终是最后一级，添加active类 -->
                <a class="active" href="" title="{$dataItem.name}">
                    {$dataItem.name}
                </a>
                {elseif !empty($dataItem['title'])}
                >
                <!-- 新闻详情始终是最后一级，添加active类 -->
                <a class="active" href="" title="{$dataItem.title}">
                    {$dataItem.title}
                </a>
                {/if}
            {/if}
        </div>
    </div>
</section>
